<!DOCTYPE html>
<html>
<head>
<style>
h1{font-size: 50px}
p{font-size: 12px}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
p.centerData{font-family:Arial,Helvetica,sans-serif;text-align: center; color: lime;}
h1.freqStyle {font-family:Arial,Helvetica,sans-serif;text-align: center; color: silver;}
h3 {font-family:Arial,Helvetica,sans-serif;text-align: center;color: silver;}

</style>
</head>
<body onload="InitParam()">

<title>ELAD FDMS1 Sampler Server</title>
<body onload="initialize()">


<table border="1" width="450"  bgcolor=#121212>

<tr>
	<td colspan="3" width="75%">
	<h3>ELAD FDM-S1</h3>
	</td>	
	<td align='center'>
	<img src="logo.png" alt="ELAD">
	</td>
</tr>
<tr>
	<td colspan="3" rowspan="2" width="75%">
	<h1 class="freqStyle">
	<span id="txtMainFreq"></span>
	</h1>
	<table border="1" width="350">
	<tr>
		<td width="25%">
		<p class="centerData">
		<span id="txtMode"></span>
		</p>
		</td>
		<td width="25%">
		<p class="centerData">
		<span id="txtBW"></span>
		</p>
		<td width="25%">
		<p class="centerData">
		<span id="txtStep"></span>
		</p>
		</td>
   </tr>
	</table>
	</td>
	<td align='center'>
	<button onclick="SendCmd('STEPUP')">FREQ+</button>
	</td>
</tr>
<tr>
	<td align='center'>
	<button onclick="SendCmd('STEPDW')">FREQ-</button>
	</td>
</tr>

<tr>
	<td align='center'>
	<button onclick="SendCmd('BWUP')">BW+</button>
	<button onclick="SendCmd('BWDW')">BW-</button>
	</td>
	<td align='center'>
	<button onclick="SendCmd('FREQSTEPUP')">STEP+</button>
	<button onclick="SendCmd('FREQSTEPDW')">STEP-</button>
	</td>
</tr>


</table>

<p>
	
	Set Freq (Hz):<input type="text" id="txtFreqSet" size="9"/>
	
	Set Mode:
	<select id="comboMode">
	  <option value="CW">CW</option>
	  <option value="CWSHplus">CW SH+</option>
	  <option value="CWSHminus">CW SH-</option>
	  <option value="USB">USB</option>
	  <option value="LSB">LSB</option>
	  <option value="AM">AM</option>
	  <option value="FM">FM</option>
	  <option value="DRM">DRM</option>
	  <option value="WB FM">WB FM</option>
	  <option value="SYNC AM">SYNC AM</option>
	  <option value="DSB">DSB</option>
	  <option value="RTTY">RTTY</option>
	</select>
	
</p>

<script>

function InitParam()
{
	GetParam();	
}

function GetParam()
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');				
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];	
			document.getElementById("txtBW").innerHTML=resp_vector[3];	
			document.getElementById("txtStep").innerHTML=resp_vector[4];	
		}
	}
	xmlhttp.open("GET","writepipe.php?q=GETPARAM&v1=0&v2=0",true);
	xmlhttp.send();
}

function SendCmd(cmd)
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];	
			document.getElementById("txtBW").innerHTML=resp_vector[3];	
			document.getElementById("txtStep").innerHTML=resp_vector[4];	
		}
	}
	xmlhttp.open("GET","writepipe.php?q="+cmd+"&v1=0&v2=0",true);
	xmlhttp.send();
}



function GlobalSet()
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];	
			document.getElementById("txtBW").innerHTML=resp_vector[3];	
			document.getElementById("txtStep").innerHTML=resp_vector[4];	
		}
	}
	var freq=document.getElementById("txtFreqSet").value;
	var mode=document.getElementById("comboMode").value;
	xmlhttp.open("GET","writepipe.php?q=GLOBALSET&v1="+freq+"&v2="+mode,true);
	xmlhttp.send();
}
</script>









<p>
	
</p>
<p>
   
</p>
<p>
<button onclick="GlobalSet()">SET</button>
</p>

<p>


</p>

<p>

</p>

<script>
var clockTimerVar=setInterval(function(){clockTimer()},1000);

function clockTimer()
{
   var d=new Date();
	var t_local=d.toLocaleTimeString();
	var t_utc=d.toUTCString();
	document.getElementById("txtLocalTime").innerHTML=t_local;
	document.getElementById("txtUtcTime").innerHTML=t_utc;
}
</script>

Local Time: <span id="txtLocalTime"></span><br>
UTC Time: <span id="txtUtcTime"></span>


</body>
</html>


